<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式案例</title>
    <style>
        div{
            /*显示边框*/
        border: 20px solid seagreen;
           /*宽度 占屏幕的百分比*/
            width: 60%;
             /*高度 像素*/
            height: 500px;
            /*边框外边距*/
            margin: auto;
        }
    </style>
</head>
<body>
<div align="center" style="color: green"><b>你还好吗?</b></div>
<hr size="5" color="green"/>
//无序列表
<!--<ul type="circle">-->
    <!--<li>java</li>-->
    <!--<li>web</li>-->
<!--</ul>-->
//有序列表
<!--<ol type="1" start="10">-->
    <!--<li>java</li>-->
    <!--<li>web</li>-->
<!--</ol>-->
//倾斜
<!--<i>倾斜</i>-->
<!--<em>倾斜</em>-->
//加粗
<!--<strong>加粗</strong>-->
<!--<b>加粗</b>-->

</body>
</html>